<template>
  <div
    class="index-page app-main-content">
    <el-row
      class="card1"
      :gutter="15">
      <el-col
        :span="12"
        class="h100">
        <myFault></myFault>
      </el-col>
      <el-col
        :span="12"
        class="h100">
        <textRoll />
      </el-col>
    </el-row>
    <el-row
      :gutter="15"
      class="card2">
      <el-col
        :span="12"
        class="h100">
        <ring />
      </el-col>
      <el-col
        :span="12"
        class="h100">
        <lineOP />
      </el-col>
    </el-row>
    <el-row
      class="card3"
      style=""
      :gutter="15">
      <el-col
        :span="12"
        class="h100">
        <pie />
      </el-col>
      <el-col
        :span="12"
        class="h100">
        <bar />
      </el-col>
    </el-row>
    <div class="bottomLink">
      友情链接：
      <a
        target="_blank"
        href="http://221.237.162.142:13430/t_authClient/sysLand/oaPattern/landing.jsp">西部物联@协同办公系统</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a
        target="_blank"
        href="http://www.chinaisa.org.cn/gxportal/xfgl/portal/index.html">中国钢铁工业协会</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a
        target="_blank"
        href="http://www.baidu.com">百度一下</a>
      <p>系统技术提供@星云智联</p>
    </div>
  </div>
</template>
<script>
  import myFault from './components/myFault'
  import textRoll from './components/textRoll'
  import ring from './components/ring'
  import lineOP from './components/line'
  import pie from './components/pie'
  import bar from './components/bar'
  export default {
    name: 'EventIndex',
    components: {
      myFault,
      textRoll,
      ring,
      lineOP,
      pie,
      bar

    },
    data() {
      return {
        detailData: '',
        showEventDetail: false
      }
    },
    methods: {
      appendData(type, data) {
        if (type === 'goDetail') {
          this.showEventDetail = true
          this.detailData = data
          this.previewDetail(data)
          this.$refs.eventDetail.showWin(data.id, this.curType)
        } else if (type === 'refresh') {
          this.$refs.warningTask.findWarningTaskForSelf()
          this.showEventDetail = false
        }
      },
      previewDetail(row) {

      }
    }
  }
</script>
<style scoped lang="scss">
.bottomLink{
  text-align: center;padding-bottom: 10px;
  >p{
    margin:0;
    margin-top: 5px;
  }

}
.card1{
  // min-height:230px;
  height: calc((100% / 3) - 90px);
  margin:15px 0
  // height:230px
}
.card2{
  height: calc((100% / 3) + 5px);
  margin:15px 0
}
.card3{
   height: calc((100% / 3) + 15px);
   margin:15px 0
}
.app-main-content{
  background: unset;
  padding: 0;
  // overflow: hidden;
  height: 98%;
  min-height: 960px;
  margin-bottom: 15px;
}
.index-page{
  margin: 0 15px 15px;
}
.app-main-content1{
  background: #fff;
  border-radius: 4px;
  padding: 12px;
  margin: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-color: #e8eaec;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
</style>
